import React, { useEffect } from 'react';

import ChatMessage from './ChatMessage';

import Footer from './Footer';

import './styles/chat-window.less';
import { useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';

interface MessageContnet {
	classname?: string;
	width?: string;
	height?: string;
}

const Content = (props: MessageContnet) => {
	const { t } = useTranslation();
	const { classname = '', width = '340px', height = '550px' } = props;
	const { agent } = useSelector(state => state) as any;
	const classnames = `chat-window-content ${classname}`;
	return (
		<div className={classnames} style={{ width: width, height: height }} id="widget-message-container">
			<p className="title">{t('chat-window')}</p>
			<ChatMessage />
			<Footer />
		</div>
	);
};

export default Content;
